<html style="height: 100%">
<head>
    <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="/echarts/js/jquery-3.1.1.min.js "></script>
<script type="text/javascript">
    $.get("/stat/loadCustomerAreaStatJson",function (data) {
        var dom = document.getElementById("container");
        var myChart = echarts.init(dom);
        var app = {};
        option = null;
        option = {
            title: {
                text: '汽车出租系统客户地区统计' ,
                subtext: '真实有效',
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)'
            },
            legend: {
                orient: 'vertical',
                left: 'left',
                data: [{"name":"上海","value":1.0},
                    {"name":"北京","value":1.0},
                    {"name":"华清","value":2.0},
                    {"name":"四川","value":2.0},
                    {"name":"四川内江","value":1.0},
                    {"name":"四川成都","value":1.0},
                    {"name":"四川简阳","value":1.0},
                    {"name":"武昌","value":4.0},
                    {"name":"汉口","value":4.0},
                    {"name":"汉阳","value":1.0}]
            },
            series: [
                {
                    name: '客户数量（占比）',
                    type: 'pie',
                    radius: '55%',
                    center: ['50%', '60%'],
                    data: [{"name":"上海","value":1.0},
                        {"name":"北京","value":1.0},
                        {"name":"华清","value":2.0},
                        {"name":"四川","value":2.0},
                        {"name":"四川内江","value":1.0},
                        {"name":"四川成都","value":1.0},
                        {"name":"四川简阳","value":1.0},
                        {"name":"武昌","value":4.0},
                        {"name":"汉口","value":4.0},
                        {"name":"汉阳","value":1.0}],
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ]
        };
        ;
        if (option && typeof option === "object") {
            myChart.setOption(option, true);
        }
    })

</script>
</body>
</html>